<template>
  <g fill="transparent">
    <path
      d="M576 352v-192c0-12.8-6.4-23.466667-17.066667-27.733333-10.666667-6.4-23.466667-4.266667-32 2.133333L14.933333 486.4c-10.666667 4.266667-14.933333 14.933333-14.933333 25.6s4.266667 21.333333 14.933333 25.6l512 352c10.666667 6.4 23.466667 8.533333 32 2.133333 10.666667-6.4 17.066667-17.066667 17.066667-27.733333v-189.866667c168.533333 12.8 317.866667 132.266667 366.933333 296.533334 4.266667 12.8 17.066667 23.466667 29.866667 23.466666 14.933333 0 25.6-8.533333 29.866667-23.466666 12.8-44.8 19.2-91.733333 19.2-136.533334 2.133333-256-196.266667-465.066667-445.866667-482.133333z m384 497.066667C874.666667 704 716.8 608 544 608c-17.066667 0-32 14.933333-32 32v162.133333L87.466667 512 512 221.866667V384c0 17.066667 14.933333 32 32 32C774.4 416 960 601.6 960 832v17.066667z"
      :fill="colors[0]"
    ></path>
  </g>
</template>

<script>
export default {
  viewBox: "0 0 1024 1024",
  width: 50,
  height: 50,
  props: {
    colors: {
      type: Array,
      default: () => ["currentColor"],
    },
  },
};
</script>
